<template>
  <div >
    <div class="useWrapper flex   " v-for="(item,index) in useData" :key="index" v-if="useData.length>0">
      <div class="flex200"> <div >应用时间：<span v-if="item.CDate">{{item.CDate.split('T')[0]}}</span></div><div>应用情况：{{item.TopticType}}</div></div>
      <div class="flex1"><div>课题名称：{{item.title}}</div><div>负责人：{{item.FinishMan}}</div></div>
      <div class="flex80 f-zhong" @click="do_goDetail(item)">详情 <span class="iconfont icon-shuangyoujiantou-"></span></div>
    </div>
    <div v-if="useData.length===0" class="noData f-zhong">暂无应用！</div>
  </div>

</template>

<script>
    export default {
        name: "detail-useInfo",
      inject:['reload'],
      props:{
        useData:Array
      },
      methods:{
        do_goDetail(item){
          this.$router.replace({name:"yw_subjectDetail",query:{SN:item.SN}})
          this.reload()
        }
      }
    }
</script>

<style scoped>
  .useWrapper{
    padding:0 10px 0 20px;
    border-top: 2px solid #f5f5f5;
  }
  .useWrapper:first-child{
    border: none;
  }

  .useWrapper>div>div{
    height: 40px;
    line-height: 40px;
  }
  .useWrapper *{
    color:#717171
  }
  .flex200{
    flex: 0 0 200px;
  }
  .flex80{
    flex: 0 0 80px;
    cursor: pointer;
  }
  .icon-shuangyoujiantou-{
    margin-left: 10px;
  }
  .noData{
    color: grey;
    height: 100px;
  }
</style>
